<template>
  <div id="app">
    <div id="nav" />
    <router-view />
  </div>
</template>

<style lang="scss">
html{
  height: 100%;
		background-color: #f1f1f1;
  -webkit-overflow-scrolling: touch;
}
html {
  @media screen and (min-width: 320px) {
    font-size: 85.3333px;
  }
  @media screen and (min-width: 360px) {
    font-size: 96px;
  }
  @media screen and (min-width: 375px) {
    font-size: 100px;
  }
  @media screen and (min-width: 414px) {
    font-size: 110.4px;
  }
  @media screen and (min-width: 440px) {
    font-size: 117px;
  }
  @media screen and (min-width: 480px) {
    font-size: 125px;
  }
  @media screen and (min-width: 640px) {
    font-size: 170px;
  }
}
</style>
